{literal}
<script type="text/javascript">
    $(document).ready(function(){
        $("#form_atividade").validate({
            rules: {
        		codDestinatario: { required: true },
                destinatario: { required: true },
                descricao: { required: true },
                assunto: { required: true}
            },
            messages: {
        		codDestinatario: { required: "Usu&aacute;rio n&atilde;o cadastrado, informe um usu&aacute;rio v&aacute;lido" },
            	destinatario: {required: "Obrigatorio"},
                descricao: {required: "Obrigatorio"},
                assunto: {required: "Obrigatorio"}
            },
            submitHandler: function(form) {
				jqAjaxForm(form, "div_mensagem");
			}
        });

        /*$("#destinatario").keyup(function() {
            recuperaNomesUsuarios("lista_de_nomes",$("#destinatario").val(),'{/literal}{$_site.url}{literal}');
            $("#codDestinatario").val("");
        });*/

        populaSelect("slctPeriodo", "{/literal}{$_site.url}{literal}", "atividade/select-periodo-atividade?cod={/literal}{$atividade.0.int_periodo}{literal}");

        $("#data").mask("99/99/9999");
        $("#data").datepick({showOn: "both"});

      //AUTO COMPLETE COM O NOME DE CLIENTES
    	$("#destinatario").autocomplete("usuario/recupera-nomes-usuarios", {
    		width: 400,
    		max: 10,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data, i, n, value) {
				return value.split("::")[1]+"  (login: "+value.split("::")[2]+")";
    		},
    		formatResult: function(data, value) {
    			return value.split("::")[1];
    		}
    	});

    	$("#destinatario").result(function(event, data, formatted) {
    		if (data){
    			$("#codDestinatario").val(formatted.split("::")[0]);
    		}
    	});
        
    }); //fecha $(
    
</script>
{/literal}
<form id="form_atividade" name="form_atividade" method="post" action="{$_site.url}{$acao}">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
				  <tr>
					<td>
					{if $atividade.0.id > 0}Editar{else}Nova{/if} Atividade
					<input type="hidden" name="codigo" value="{$atividade.0.id}"/>
					</td>
				  </tr>
				</table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">                
                <tr>
                  <td class="contForm">
                  
                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Destinat&aacute;rio:&nbsp;&nbsp;<br><span class="brod">Digite o nome de um <u>usu&aacute;rio</u> do sistema.</span></td>
                        <td class="bordaFormResp">
                        	<input name="destinatario" type="text" autocomplete="off" class="formulario tamanhoForm" id="destinatario" value="{$atividade.0.vhr_nome}" maxlength="50"/>
                        	<input type="hidden" id="codDestinatario" name="codDestinatario" value="{$atividade.0.destinatario_id}"/>
                        	<div id="caixa_de_nomes" style="width:70%; display:none; padding:3px; background-color:#CFDCE4; border:1px #CCCCCC solid" >
								<div id="lista_de_nomes"></div>
							</div>
                        	
                        </td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Assunto:</td>
                        <td width="70%" class="bordaFormResp"><input name="assunto" type="text" class="formulario tamanhoForm" id="assunto" maxlength="50" value="{$atividade.0.vhr_assunto}" /></td>
                      </tr>
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Descri&ccedil;&atilde;o atividade:</td>
                        <td class="bordaFormResp"><textarea class="formulario tamanhoForm" rows="8" name="descricao" id="descricao">{$atividade.0.txt_texto}</textarea></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Data da atividade:</td>
                        <td width="70%" class="bordaFormResp"><input name="data" id="data" type="text" class="formulario" value="{if $atividade.0.id > 0}{$atividade.0.dte_data|date_format:"%d/%m/%Y"}{else}{$smarty.now|date_format:"%d/%m/%Y"}{/if}" /></td>
                      </tr>
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Repeti&ccedil;&atilde;o:</td>
                        <td class="bordaFormResp">
                        	<select name="slctPeriodo" id="slctPeriodo">
                        		
                        	</select>
                        </td>
                      </tr>
                  </table>
                  
                  </td>
                </tr>
        <tr>
                  <td class="paddingTop15 paddingBottom15" align="center"><!-- === Botões ( Salvar e Limpar ) === -->
                      <span class="paddingRight15">
                      	<input type="submit" value="Salvar" class="botao">
                      </span>
                    <span class="paddingRight15">
                    <input name="limpar" type="reset" id="Limpar" value="Limpar" class="botao" />
                    </span>
                    <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
                      <!-- Final === Botões ( Salvar e Limpar ) === -->                      </td>
                </tr>
              </table>	
    </form>
